<template>
  <div
    class="about-us"
    id="home"
  >
    <z-header :selectNumber="selectNumber"></z-header>
    <z-navigation :numId="bannerId"></z-navigation>
    <z-about-content :data="data"></z-about-content>
    <z-footer></z-footer>
  </div>
</template>
<script>
import ZHeader from '../pages/header';
import ZNavigation from '../pages/navigation';
import ZFooter from '../pages/footer';
import ZAboutContent from './aboutContent'
export default {
  components: { ZHeader, ZNavigation, ZFooter, ZAboutContent },
  data() {
    return {
      selectNumber: '5',
      data: {},
      bannerId: 5
    }
  },
  methods: {
    getAboutUs() {
      this.axios
        .get("/web/api/about", {
          headers: {
            Authorization: "application",

          }
        })
        .then(response => {
          console.log(response);
          this.data = response.data.data;
        })
        .catch(response => {
          console.log(response);
        });
    }
  },
  created() {
    this.getAboutUs();
  },
  mounted() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
  }
};
</script>
<style scoped>
.about-us {
  width: 100%;
  position: absolute;
  background-color: #fff;
}
</style>
